<!DOCTYPE html>
<html>
<head>
	<title>remove</title>
</head>
<body>
	<ul id="ul1">
		<li>1<a href="javascript:;">delete</a></li>
		<li>1<a href="javascript:;">delete</a></li>
		<li>1<a href="javascript:;">delete</a></li>
		<li>1<a href="javascript:;">delete</a></li>
		<li>1<a href="javascript:;">delete</a></li>
	</ul>
	<script type="text/javascript">
		var aA = document.getElementsByTagName("a")
		var oUl = document.getElementById("ul1")
		var i = 0

		for(i=0;i<aA.length;i++){
			aA[i].onclick=function(){
				oUl.removeChild(this.parentNode)
			}
		}

	</script>
</body>
</html>
